html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; font-size: 100%; font: inherit; -webkit-text-size-adjust: none; }
body { line-height: 1; font-size: 12px; position: relative;font-family: "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;min-width: 1180px;}
table { border-collapse: collapse; border-spacing: 0; }
object, :focus { outline: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section /* HTML 5 */ { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a img { border: none; }
p{line-height: 1.8em;font-size: 12px;}
li{ list-style: none;}
span{margin:0; padding:0;}
table{border-collapse:collapse; }
div{ word-wrap: break-word; word-break: normal; } 
input,button,textarea,select,optgroup,option{ font-size: 100%; font: inherit; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.lc { margin: 0 auto; }
.fl{ float: left; }
.fr{ float: right; }
.fc { float: none; clear: both; }
.rel { position: relative; }
.abs { position: absolute; }
.blue{color:#003c7b;}
.green{color:#8ec73f;}
.clear{clear: both;}
a {text-decoration: none; color:#003c7b;}
/* index */ 


.wrap{width: 1180px;margin: 0 auto;position: relative;}
.wrap a{color:#fff;}
.wrap_abs{width: 1180px;position: absolute; top: 0; left:50%; margin-left:-590px; height: 500px;z-index: 999999}
.media_content a{color:#333;}
p a:hover{color:#666;}
.sub_nav{width: 850px; height: 30px;line-height: 30px;background: #efefef;padding:0 10px;}
.sub_nav a{color:#333;}
.header{width:1180px;padding:0px;height: 100px; margin: 0 auto; position: relative;z-index: 99;}
.header h1{width: 320px;height: 100px;display: block; overflow: hidden; background: url("../img/logo.png") no-repeat left center ;float:left;text-indent: -9999px;}



.language_en {
  display: block;
  font-size: 12px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
 width:100px;height: 28px;
 float:left;
  padding-left: 15px;
  line-height: 28px;
  text-align: center;
  text-indent: 10px;
   background: url("../img/en.png") no-repeat 10px  center ;
}
.language_en:hover{ background: #eee url("../img/en.png") no-repeat 10px  center; cursor: pointer;}


.language_cn {
  display: block;
  font-size: 12px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
 width:100px;height: 28px;
 float:left;
  padding-left: 15px;
  line-height: 28px;
  text-align: center;
   background: url("../img/cn.png") no-repeat 10px  center ;
}
.language_cn:hover{ background: #eee url("../img/cn.png") no-repeat 10px  center; cursor: pointer;}



.nav{width: 580px;float:left;height: 20px;margin-top:50px;margin-left:60px;background: url("../img/nav_bg.png") no-repeat center center ;}
.nav_en{width: 650px;float:left;height: 20px;margin-top:50px;margin-left:30px;}

.nav_en h2{height: 20px; display:block; line-height: 20px; padding:0 15px; overflow: hidden; float:left; color:#666; font-size: 14px;  }

.nav h2{height: 20px; width:90px;margin-left:10px;display: block; overflow: hidden; float:left;text-indent: -999px; }
.nav h2:hover{background: #fff;opacity: 0.2;}
.lan{width: 90px;float:left;height: 30px;margin-top:45px; font-size: 12px; margin-left:50px;line-height: 30px;}
.lan_t{font-weight: bold;width: 60px; height: 20px;float:left; color:#333;}
.mlslider{position: relative;}
.lan_box{width: 150px; height: 30px;float:left; padding:5px;font-size: 12px; line-height: 20px;text-align: center;  cursor: pointer;}
.slider{max-width: 1440px;min-width:1080px;height: 550px; margin:0 auto;background:url("../img/slider_bg.jpg") no-repeat center center ;background-size:cover; }
.slider2{max-width: 1440px;min-width:1100px;height: 280px; margin:0 auto;background:url("../img/slider_bg.jpg") no-repeat center center ;background-size:cover; }
.st1{width: 404px;height: 150px;background:url("../img/st1.png") no-repeat center bottom ;   opacity:0.5; top:200px; position: absolute;margin-left: 0;z-index: 9}
.st2{width: 192px;height: 37px;background:url("../img/st2.png") no-repeat center center ;opacity:0.5;top:400px; position: absolute;margin-left: 0;z-index: 9}
.st11{width: 404px;height: 150px;background:url("../img/st11.png") no-repeat center bottom ;   opacity:0.5; top:200px; position: absolute;margin-left: 0;z-index: 9}
.st22{width: 192px;height: 37px;background:url("../img/st22.png") no-repeat center center ;opacity:0.5;top:400px; position: absolute;margin-left: 0;z-index: 9}
.st3{width: 404px;height: 150px;background:url("../img/st1.png") no-repeat left bottom ;   opacity:0.5; top:20px; position: absolute;margin-left: 20px; background-size: 80%;z-index: 9}
.st4{width: 192px;height: 37px;background:url("../img/st2.png") no-repeat left center ;opacity:0.5;top:190px; position: absolute;margin-left: 20px;background-size: 80%;z-index: 9}
.st33{width: 404px;height: 150px;background:url("../img/st11.png") no-repeat left bottom ;   opacity:0.5; top:20px; position: absolute;margin-left: 20px; background-size: 80%;z-index: 9}
.st44{width: 192px;height: 37px;background:url("../img/st22.png") no-repeat left center ;opacity:0.5;top:190px; position: absolute;margin-left: 20px;background-size: 80%;z-index: 9}

.i_box{width: 292px;height: 240px;  margin-top:20px;float:left; margin-right: 2px; cursor: pointer;position: relative;}
.i_box:hover{background-color:#19ace6;}
.col2{width: 550px;margin-left: 20px;float:left;margin-top:40px;}
.col3{width: 840px;float:left;margin-top:40px;height: 400px;}

.col4{width: 320px;margin-left: 20px;float:left;margin-top:40px;}
.col4 li{list-style: none;line-height: 1.8em;font-size: 13px;color:#666;}

.col3 h4,.col4 h4{font-size: 22px;font-weight: bold;line-height: 2em;}
.col4 ul{border-top:1px solid #ddd;padding:10px 0;}
.cu{color:#000 ;font-weight:bolder; font-size: 14px;}

.weixin{width: 140px;height: 140px;float:left; }
.sys{width: 100px;float:left; background:#ddd; height: 40px;border-radius: 10px;margin-top:50px; line-height: 20px; padding:5px 20px;}
.sys_en{width: 100px;float:left; background:#ddd; height: 30px;border-radius: 10px;margin-top:0px; line-height: 30px; padding:0 15px;margin-top:50px;}
.col2 p{ line-height: 2em;padding:25px ;}
.col2 h4{font-size: 22px;font-weight: bold;line-height: 2em;padding:0 20px }
.w_t{background:url("../img/w_t.png") no-repeat left center ; padding-left:50px; }
.i_box span{padding:5px 10px; background:#333; color:#fff; font-size: 14px; display: block; width: 120px; font-weight: bold;position: absolute; z-index: 1;}



.more{width: 60px;height: 20px;margin:15px;float:right;background: #a2a2a2;color:#fff; border-radius: 10px;text-align: center;line-height: 20px; cursor: pointer;}
a .more {color:#fff;}
.more:hover{background-color:#2e8fce; color:#fff;}
.more_info{width: 60px;padding:0px 2px;background: #a2a2a2; color:#fff;border-radius: 10px;text-align: center;line-height: 20px; cursor: pointer; display: inline-block;margin-left:10px;}
.more_info:hover{background-color:#2e8fce; font-size: 12px;color:#fff; }
.i_box_img{position: absolute; margin-top:0; width: 100%;height: 100%;}

.info_hover{position: absolute; margin-top:40px; margin-left:30px; color:#fff;z-index: 999;display: none;}
.info_hover h4{font-weight: bold;font-size: 22px;line-height: 1.8em}
.info_more{padding:5px 10px; border-radius: 10px;margin:10px 0; border:1px solid #fff; width: 50px; text-align: center; }

.info_more_en{padding:5px 10px; border-radius: 10px;margin:10px 0; border:1px solid #fff; width: 70px; text-align: center; }
.info_more_en:hover{background: #fff;color:#2e8fce;

}
.it_box1{margin-top:40px;width: 380px; height: 340px;float:left;background:#fff url("../img/fac_bg.png") no-repeat center bottom ; overflow: hidden;}

.it_box2{margin-top:40px;width: 380px; height: 340px;float:left;margin-left:20px;background:#fff}

.it_box3{margin-top:40px;width: 380px; height: 340px;float:left;margin-left:20px;background:#fff url("../img/kefu.png") no-repeat right bottom ;}

.it_box_t{width: 100%;height: 30px;margin-top:40px; background: url("../img/it_bg.png") no-repeat center bottom  }

.it_box_t1{text-indent: -9999px;width: 100px;height: 30px;line-height: 30px;background: url("../img/t1.png") no-repeat center center }
.it_box_t2{text-indent: -9999px;width: 100px;height: 30px;line-height: 30px;background: url("../img/t2.png") no-repeat center center }
.it_box_t3{text-indent: -9999px;width: 100px;height: 30px;line-height: 30px;background: url("../img/t3.png") no-repeat center center }
.it_box_t1_en{width: 100px;height: 30px;line-height: 30px; color:#fff; padding:0px 20px; font-size: 13px;}
.it_box_t1,.it_box_t2,.it_box_t3{overflow: hidden; position: relative; }
.i_new{margin-top:10px;}
.i_contact{margin-top:10px;width: 300px; height: 250px; background: url("../img/i_contact.png") no-repeat 20px 34px;}
.i_new a{color:#333;}
.more {color:#333;}
.i_new li{line-height: 40px; width: 340px; border-bottom: 1px solid #eee;margin-left: 20px;}
.i_contact li{line-height: 31px; width: 340px;margin-left: 50px; }
.i_contact li:first-child{padding-top:30px;}
.media_side{width: 160px;height: 500px;padding:10px;float:left;margin-top:10px;}
.media_side_en{width: 200px;height: 500px;padding:10px;float:left;margin-top:10px; }

.wechat_sidebar{width: 170px;height: 200px;background:#f7f7f7; }

.wechat_sidebar_en{width: 170px;height: 200px;background:#f7f7f7; }

.wechat_sidebar_en{text-align: center;}
.wechat_sidebar {text-align: center;margin:0 auto;}

.wechat_sidebar h4{padding:20px 0 15px 60px;line-height: 1.3em; font-size: 13px; font-weight: bold; background-position: 15px 26px; text-align: left;}

.wechat_sidebar_en h4{padding:30px 0 15px 50px;line-height: 1.3em; font-size: 13px; font-weight: bold; background-position: 18px 26px; text-align: left; background-size: 22px}


.media_content{width: 900px;float:left; padding:40px;}
.media_content li{list-style: none; color:#666;border-bottom: 1px solid #ddd; margin-top:20px; padding-bottom: 10px;}
.media_content h3{font-weight: bold; font-size: 24px;padding:0px 0 10px 0;color:#333; text-align: left; border-bottom:1px solid #ddd;}
.media_content h4{font-weight: bold; font-size: 18px; line-height:2em; color:#333; }


.media_content_en{width: 900px;float:left; padding:20px}
.media_content_en li{list-style: none; color:#666;border-bottom: 1px solid #ddd; margin-top:20px; padding-bottom: 10px;}
.media_content_en h3{font-weight: bold; font-size: 24px;padding:0px 0 20px 0;color:#333; text-align: left;border-bottom:1px solid #ddd;}
.media_content_en h4{font-weight: bold; font-size: 18px; line-height:2em; color:#333; }



.data{padding:5px 0;color:#666;}
.media_content p{padding:5px 0;}
.product_sidebar_t{width: 100%;height: 26px; font-weight:bold; font-size:14px;color:#fff;text-align: center; line-height: 26px; background:#333 url("../img/p_t.png") no-repeat 10px center ;margin-top:0px;}
.product_sidebar {width: 170px; text-align: center;}
.product_sidebar_en{width: 200px; text-align: center;}
.product_sidebar li{height: 40px; border-bottom:1px solid #d2d2d2; line-height: 40px; list-style: none; }
.product_sidebar_en li{height: 40px; border-bottom:1px solid #d2d2d2; line-height: 40px; list-style: none; }

.product_sidebar li:hover,.product_sidebar_en li:hover{background:#eee;}
.product_sidebar a,.product_sidebar_en a{color:#333; font-weight: bold; font-size: 13px;}

.product_content{width: 900px;float:left; padding:0px 20px; margin:20px 20px;}

.product_content .item{ width: 230px;height: 260px;border:1px solid #d0d0d0; margin:20px 10px; text-indent: center;padding:20px; overflow: hidden; float:left;position: relative;}
.product_content h4{color:#333; font-weight: bold; font-size: 16px; padding-top:20px;line-height:1.5em;background:url("../img/p_line.png") no-repeat top center ;text-align: center;display: block;width: 100%}

.product_content h2{color:#333; font-weight: bold; font-size: 16px; padding-top:20px;line-height:1.5em;display: block;width: 100%}
.single_product_img{width: 220px;height: 220px;border:1px solid #d2d2d2; margin:20px 10px; text-indent: center;padding:20px; overflow: hidden; float:left;position: relative;}
.single_product_title{width: 530px;font-weight: bold;font-size: 24px;color:#333;float: left; line-height: 3em; border-bottom: 3px solid #eeeeee;margin-left: 60px;margin-top:60px;}
.single_product_content{width: 500px;font-weight: bold;font-size: 14px;color:#333;float: left; line-height: 1.3em; margin-left: 60px;padding:10px;

}
.single_product_content li {list-style: disc; border: none; height: 20px;width: 100%;margin:0; line-height: 20px;}
.download_col{width:960px; padding:20px;height: 120px;border-bottom: 1px solid #eee;  margin-left: 20px; margin-top:40px;}
.download_col_img{width: 180px;text-align: center;float:left;height: 120px; }
.download_col_info{width: 400px;float:left; height: 120px; padding-left: 30px;}
.download_col_buttom{width: 200px;float:left; height: 120px; padding-left: 30px;}
.download_col h4{width: 360px; margin-top:20px;float:left; display: block;  line-height: 2em;font-weight: bold; font-size: 18px;}
.time{padding: 5px 0 5px 20px; background:url("../img/i_date.png") no-repeat left center ;display: block; float:left; margin-right: 20px;}
.size{padding: 5px 0 5px 20px; background:url("../img/i_document.png") no-repeat left center ;display: block; float:left;}
.download{padding: 5px 5px 5px 30px; background:url("../img/i_download.png") no-repeat left center ;display: block; float:left; font-weight: bold;}
.download a{color:#333; font-size: 14px;}
.footer_bg{background: url("../img/foot_bg.png") no-repeat center center; width: 1190px;height: 31px;margin:80px auto 0;}
.footer{width: 100%; height: 100px;background: #dfdfdf}
.footer h3{width: 500px; background:url("../img/fl.png") no-repeat center 75px; text-align: center; font-size: 14px; color:#666;font-weight: bold;height: 50px;  margin:0px auto ; padding-top:50px;display: block;  line-height: 50px;}
.info{text-align: center;  padding-top:44px; }
.footer_item{float:left;width: 160px; height: 50px;margin-left:40px; line-height:50px;font-size:16px;background:url("../img/item_bg.png") repeat-x  bottom;  text-align: center;}
.footer_item a{ color:#999;;}
.footer_item a:hover{ color:#666;}


.product_nav{height:50px; width:1160px; border:1px solid #afafaf;margin:10px auto 0;background:#fff;}
.product_nav li{height:50px; width:231px; display:block; border-right:1px solid #ddd;float:left; line-height:50px;text-align:center; font-size:16px; font-weight:bold; cursor:pointer;}
.product_nav li:last-child{border:none;}
.cat2,.cat3,.cat4,.cat5{display: none;}
.product_nav_current{
position: relative;
background: -webkit-gradient(linear,0% -1%,0% 9%,from(#5a5a5a),to(rgba(255,255,255,0.5))),-webkit-gradient(linear,center top,center bottom,color-stop(40%,rgba(122,122,122,0.6)),color-stop(100%,rgba(255,255,255,0.5)));
background: -moz-linear-gradient(top,rgba(90,90,90,1) 0,rgba(255,255,255,0.5) 10%),-moz-linear-gradient(top,rgba(122,122,122,0.7) 40%,rgba(255,255,255,0.5) 100%);
background: -o-linear-gradient(top,rgba(90,90,90,1) 0,rgba(255,255,255,0.5) 10%),-o-linear-gradient(top,rgba(122,122,122,0.7) 40%,rgba(255,255,255,0.5) 100%);
background: -ms-linear-gradient(top,rgba(90,90,90,1) 0,rgba(255,255,255,0.5) 10%),-ms-linear-gradient(top,rgba(122,122,122,0.7) 40%,rgba(255,255,255,0.5) 100%);
background: linear-gradient(top,rgba(90,90,90,1) 0,rgba(255,255,255,0.5) 10%),linear-gradient(top,rgba(122,122,122,0.7) 40%,rgba(255,255,255,0.5) 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr="#d6d6d6", endColorstr="#fff")";
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr="#d6d6d6",endColorstr="#ffffff");
-moz-box-shadow: inset 0 5px 10px -1px rgba(90,90,90,0.5),inset 2px 35px 65px 5px rgba(235,235,235,0.5);
box-shadow: inset 0 5px 10px -1px rgba(90,90,90,0.5),inset 2px 35px 65px 5px rgba(235,235,235,0.5);
-webkit-box-shadow: inset 0 5px 10px -1px rgba(90,90,90,0.5),inset 2px 35px 65px 5px rgba(235,235,235,0.5);
-moz-box-shadow: inset 0 5px 10px -1px rgba(90,90,90,0.5),inset 2px 35px 65px 5px rgba(235,235,235,0.5);
box-shadow: inset 0 5px 10px -1px rgba(90,90,90,0.5),inset 2px 35px 65px 5px rgba(235,235,235,0.5);
}


.product_box{width:270px;height:310px;border:1px solid #898989;float:left;margin-left:20px;margin-top:20px;-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2);
box-shadow: 0 2px 2px rgba(0,0,0,0.2);
overflow: hidden;
position: relative;}
.product_box img{margin-top:0; padding:40px 20px 10px;}
.product_img{width: 100%;height: 260px; position: absolute;}

.product_name {height:30px;position: absolute; margin-top:260px; width:260px; padding:10px 10px;background:url('../img/p_line.png') no-repeat top ;  line-height: 30px; 
}
.product_name h4{color:#2080bf; font-size:14px; font-weight:bold; text-align:center; text-transform:capitalize; }


.post_thumbnail{width: 200px;height: 220px; padding:10px; margin:0 auto; text-indent: center;}

.post_thumbnail_single{width: 200px;height: 200px; padding:10px; margin:0 auto; text-indent: center;}










.line{width: 500px; height: 30px; margin-top:20px;}
 .name  {
 	width: 50px;
 	height: 30px;
 	line-height: 30px;

	float:left;
	font-size: 14px;font-weight: bold;
	color:#333;
	}
	.name_en  {
 	width: 80px;
 	height: 30px;
 	line-height: 30px;

	float:left;
	font-size: 14px;font-weight: bold;
	color:#333;
	}
	.red{color:#fb1215}
.input_line{width: 300px;height: 30px;float:left;	}
.td_line{width: 500px;height: 260px;float:left;	}
.tijiao{margin-left:50px;}
.tijiao_en{margin-left:80px;}
input{display: block;
	width: 100%;
	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.wpcf7-form textarea {width: 500px;
  	height: 300px;}

  textarea {width: 500px;
  	height: 300px;
  display: block;

	padding: 5px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}



 .pagenav{margin-top:20px; margin-left:20px;width: 100%;text-align: center;	position:relative;}
 .paging {
 	_display:inline;
	display:inline-block;
text-decoration:none;
	list-style-type:none;
	padding:0;

}
	     
		 .paging li {
	display:inline;
	margin-right:3px;
	float:left;
	display:inline;
	font-size:13px;
	line-height:13px;
	font-weight: bold;
	text-decoration:none;
}
/* paging links */
	  .paging li a, .paging li.active a {
	border:0;
	padding:6px 0px 4px 0;
	overflow:hidden;
	width:30px;
	display:block;
	text-align:center;
	text-decoration:none;
	color:#003f78;
}
/* paging arrows */
	  .paging .arrowleft {
}
.paging .arrowright {
}
.paging .arrowleft:hover {
}
.paging .arrowright:hover {
}
.paging li:hover {
}
/* paging mouseover*/
	  .paging li.active a {
	text-decoration:none;
}
.paging li a:hover {
	text-decoration:none;
}
/* Paging */

     .paging li{
		 font-weight:bold;
    }
    
    /* paging links */
    .paging li a,  {
       color:#003474;
	  
    }
   
     /* paging arrows */
    .paging .arrowleft{
	 background: url(../img/paging/paging_l.png) center center no-repeat;
    }

    .paging .arrowright{
	 background: url(../img/paging/paging_r.png) center center no-repeat;
    }

    .paging .arrowleft:hover{
	 background: url(../img/paging/paging_l.png) center center no-repeat;
    }

    .paging .arrowright:hover{
	 background:url(../img/paging/paging_r.png) center center no-repeat;
    }     

    .paging li:hover{ 
	 background:url(../img/paging/pagingbg.gif) center center no-repeat;
	
    }
      .paging li.active{ 
	 background:url(../img/paging/pagingbg.gif) center center no-repeat;
	color:#fff;
    }
.paging li.active a{color:#fff;}
	   .paging li a:hover{ 
	color:#fff;
	
    }